<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>表单常用控件</title>
</head>
<body>
    <form action="https://search.jd.com/search">
        <!-- 文本输入框 -->
        账户：<input type="text" name="account" value="张三" maxlength="10"><br>
        <!-- 密码输入框 -->
        密码：<input type="password" name="pwd" value="admin" maxlength="6"><br>
        <!-- 单选框 -->
        性别：
        <input type="radio" name="gender" value="male" checked>男
        <input type="radio" name="gender" value="female">女<br>
        <!-- 多选框 -->
        爱好：
        <input type="checkbox" name="hobby" value="smoke">抽烟
        <input type="checkbox" name="hobby" value="drink">喝酒
        <input type="checkbox" name="hobby" value="perm" checked>烫头<br>
        其他：
        <textarea name="other" cols="22" rows="=3"></textarea><br>
        籍贯：
        <select name="place" id="">
            <option value="豫">河南</option>
            <option value="晋" selected>山西</option>
            <option value="鲁">山东</option>
        </select>
        <!-- 隐藏域 -->
         <input type="hidden" name="abc" value="123">
        <br>
        <!-- 第一种确认按钮 -->
        <!-- <button>确认</button> -->
        <!-- 第二种确认按钮 -->
         <input type="submit" value="确认">
         <!-- 第一种重置按钮 -->
          <!-- <button type="reset">重置</button> -->
        <!-- 第二种重置按钮 -->
         <input type="reset" value="点点我">
         <!-- 普通按钮 -->
         <button type="button">检测账户是否被注册</button>
    </form>
</body>
</html>